.component {
	width: 100vw;
	padding: 0 50rpx env(safe-area-inset-bottom);
	box-sizing: border-box;

	.item {
		margin: 50rpx 0;
		padding: 30rpx 30rpx 20rpx 30rpx;
		overflow: hidden;
		border-radius: 15rpx;
		box-shadow: 10rpx 10rpx 10rpx #ccc;
		background-color: #f8f8f8;

		.pic {
			background-color: #f8f8f8;

			.image {
				width: 100%;
			}
		}

		.content {
			margin: 5rpx 0;
			font-size: 30rpx;
			line-height: 50rpx;
			text-indent: 2em;
		}

		.author {
			color: #565656;
			font-size: 25rpx;
			line-height: 50rpx;
			text-align: right;
		}
	}

	.item:nth-last-child(2) {
		margin-bottom: 20rpx;
	}

	.footer {
		text-align: center;
		font-size: 30rpx;
		line-height: 50rpx;
	}
}
